<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>首页</title>
    <link rel="stylesheet" href="/static/common/css/reset.css">
    <link rel="stylesheet" href="/static/common/css/swiper_2.7.css">
    <link rel="stylesheet" href="/static/common/css/header.css">
    <link rel="stylesheet" href="/static/common/css/footer.css">
    <link rel="stylesheet" href="/static/css/index/style.css">
    <link rel="stylesheet" href="/static/common/css/common.css">
</head>

<body>
    <!-- 头部部分 -->
    <div id="header"></div>
    <!-- 内容区域 -->
    <div class="index-main">
        <!-- gif车图 -->
        <div class="clientw"></div>
        <img class="bd_gif" src="../static/images/index/index_bd2.gif" alt="">

        <div class="box-dw">
            <!-- 智能搜索部分 -->
            <ul class="search-only">
                <!-- <li class="only-box1">
                    <form action="list_search">
                        <input name="key" type="text" placeholder="请输入您想要搜索的内容...">
                        <button type="submit">搜索</button>
                    </form>
                </li> -->
                <li class="only-box2">
                    <div class="swiper-only">
                        <div class="swiper-wrapper wrapper-only">
                            <div class="swiper-slide">
                                <a href="#">
                                    <img src="../static/images/index/swiper_banner1.png" alt="">
                                </a>
                            </div>
                            <!-- <div class="swiper-slide">
                                <a href="javascript:;">
                                    <img src="../static/images/index/swiper_banner1.png" alt="">
                                </a>
                            </div>
                            <div class="swiper-slide">
                                <a href="javascript:;">
                                    <img src="../static/images/index/swiper_banner1.png" alt="">
                                </a>
                            </div> -->
                        </div>
                        <div class="pagination"></div>
                    </div>
                </li>
                <li class="only-box3">
                    <div class="pm1-box dowebok" data-speed="30">
                        <a href="#">服实体，创未来！东海期货2019年中国常州棉花.sdfsdfsdfdsf.</a>
                        <a href="#">东海期货广州营业部高端金融衍生品私享会成功 拷贝</a>
                        <a href="#">东海期货广州营业部高端金融衍生品私享会成功fsfdffsdfsdfsdfsdf</a>
                        <a href="#">东海期货广州营业部高端金融衍生品私享会成功.sdfsdfsdfsdf</a>

                    </div>
                    <div class="pm2-box">
                        <a href="javascript:">期货投资者教育工作指引.</a>
                        <a href="javascript:">中国期货业协会调解规则</a>
                        <a href="javascript:">期货公司互联网开户操作指南</a>
                    </div>
                </li>
            </ul>
            <!-- 积分商品ani -->
            <div class="ani-jf-box">
                <a href="javascript:;">
                    <div class="ani-jf1 removes">
                    </div>
                </a>
            </div>

            <!-- 投教基地联盟 -->

            <div class="ani-jd-box">
                <a href="list_union.html">
                    <div class="ani-jd1 removes">

                    </div>
                </a>
            </div>

            <!-- 龙现东海 -->

            <div class="ani-lx-box">
                <a href="page_dh-introduce.html">
                    <div class="ani-lx1 removes">

                    </div>
                </a>
            </div>

            <!-- 首页部分 -->
            <div class="ani-index-box">
                <a href="index.html">
                    <div class="ani-indexs1 ">

                    </div>
                </a>
            </div>
            <!-- 网络课程 -->
            <div class="ani-wl-box">
                <a href="list_curriculum-gl.html">
                    <div class="ani-wl1 removes">

                    </div>
                </a>
            </div>



            <!-- 未来投资家 -->
            <div class="ani-tzj-box">
                <a href="list_Investor-transaction.html">
                    <div class="ani-tzj1 removes">

                    </div>
                </a>
            </div>


            <!-- 投教动态 -->
            <div class="ani-dt-box">
                <a href="list_tj-notice.html">
                    <div class="ani-dt1 removes">

                    </div>
                </a>
            </div>

            <!-- 投资者之家 -->
            <div class="ani-tzz-box">
                <a href="list_zj_space.html">
                    <div class="ani-tzz1 removes">

                    </div>
                </a>
            </div>


            <!-- 期货学院 -->
            <div class="ani-qh-box">
                <a href="list_college-knowledge.html">
                    <div class="ani-qh1 removes">

                    </div>
                </a>
            </div>



            <!-- 教育展示 -->
            <div class="ani-zs-box">
                <a href="page_exhibition-video.html">
                    <div class="ani-zs1 removes">

                    </div>
                </a>
            </div>
        </div>
    </div>

    <!--放一个id为footer的div,把footer.html加载到这块-->
    <footer>
        <div class="footers">
            <!-- 背景图部分 -->
            <div class="box-footer">
                <div class="box-main-footer">
                    <div class="left-txt">
                        <!-- <p>累加访问量:<span>19,502,812</span>次</p> -->
                        <p><img src="../static/images/footer/icon1.png" alt=""> <span>95531 / 400 8888 588</span></p>
                        <!-- <p><img src="../static//images/footer/icon2.png" alt=""> <span>service@longone.com</span></p>
                        <p><img src="../static//images/footer/icon3.png" alt=""> <span>021-50588876</span></p> -->
                    </div>
                    <ul class="ewm">
                        <li><img src="../static/images/footer/er1.png" width="114" height="114" alt="">
                            <p>东海随身行</p>
                        </li>
                        <li><img src="../static/images/footer/er2.png" width="114" height="114" alt="">
                            <p>微信服务号</p>
                        </li>
                        <li><img src="../static/images/footer/er3.jpg" width="114" height="114" alt="">
                            <p>微信订阅号</p>
                        </li>
                    </ul>
                    <!-- <div class="right-txt">
                        <span>关注我们</span>
                        <img src="../static//images/footer/wx.png" alt="">
                    </div> -->
                </div>
                <div class="box-bottom">
                    <div class="box-bottom-content">
                        <p class="left-p">版权声明 中国证监会投资者保护热线：12386</p>
                        <div class="right-p">
                            <div class="d2">
                                <a target="_blank"
                                    href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=32040202000232"
                                    style="display:inline-block;text-decoration:none;height:20px;line-height:20px;"><img
                                        src="../static/images/footer/beian.png" style="float:left;">苏公网安备
                                    32040202000232号</a> <a
                                    href="http://www.miitbeian.gov.cn/state/outPortal/loginPortal.action">苏ICP备05003634号</a>
                                <!-- <span id="cnzz_stat_icon_1256281249"><a href="https://www.cnzz.com/stat/website.php?web_id=1256281249" target="_blank" title="站长统计"><img class="imgs-icon" border="0" hspace="0" vspace="0" src="http://icon.cnzz.com/img/pic1.gif"></a></span> -->
                            </div>
                            </dv>
                        </div>
                    </div>
                </div>
            </div>

    </footer>
    <!-- 底部部分 -->
</body>
<script src="/static/common/js/jquery-1.11.3.js"></script>
<!-- 加载头尾 -->

<script src="/static/common/js/load.js"></script>
<script src="/static/common/js/swiper_2.7.js"></script>
<script src="../static/js/jquery.marquee.min.js"></script>
<script src="../static/js/index.js"></script>

<script>



    // 滚动插件效果
    $('.dowebok').marquee({
        direction: "left",
        scrollSpeed: 10,       // 滚动速度         , 
        pauseSpeed: 50,      // 滚动完到下一条的间隔时间         , 
        pauseOnHover: true,    // 鼠标滑向文字时是否停止滚动         , 
        loop: -1,             // 设置循环滚动次数 （-1为无限循环）         , 
        fxEasingShow: "swing", // 缓冲效果         , 
        startVisible: true,
        duplicated: true,
        pauseOnHover: true,
    });


    var mySwiper = new Swiper('.swiper-only', {
        observer:true,
        observeParents:true, //这个是启动动态检查器(OB/观众/观看者)，当改变swiper的样式（例如隐藏/显示）或者修改swiper的子元素时，自动初始化swiper。
        autoplay: 5000,//可选选项，自动滑动
        loop: true,//可选选项，开启循环
        loopAdditionalSlides : 1,
        observer: true,//修改swiper自己或子元素时，自动初始化swiper
        observeParents: true,//修改swiper的父元素时，自动初始化swiper
        pagination: '.pagination',

        
    })

    // 判断长度是为3 loop模式下影响1个swiper-slide标签前后个多循环一个
    console.log($('.swiper-slide').length);
    if($('.swiper-slide').length == 3){
        mySwiper.stopAutoplay();
        
    }else{
        mySwiper.startAutoplay();
    }
</script>

</html>